<!DOCTYPE html pageEncoding="utf-8">
<html>
<head>
    <title>tree.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=GB2312">
    <!-- 导入js和CSS-->
    <link rel="stylesheet" href="/css/jquery.treeview.css" />
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="/js/jquery.cookie.js" type="text/javascript"></script>
    <script src="/js/jquery.treeview.js" type="text/javascript"></script>

</head>

<body>
<ul id="tree" class="filetree">
    <li><span class="folder">系统管理</span>
        <ul>
            <li><span class="folder">部门管理</span></li>
            <li><span class="folder">岗位管理</span>
                <ul>
                    <li><span class="folder">岗位添加</span></li>
                    <li><span class="folder">岗位删除</span></li>
                </ul>
            </li>
            <li><span class="folder">用户管理</span>
                <ul>
                    <li><span class="folder">添加用户</span></li>
                    <li><span class="folder">修改用户</span></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><span class="folder">审批流转</span></li>
</ul>

<script type="text/javascript">
    $("#tree").treeview();
</script>
</body>
</html>